@media (max-width: 1200px) {
	.navbar .nav li{
		margin: 0 25px;
	}
	.navbar .logo {
		margin-left: 20px;
	}
}
@media (max-width: 1000px) {
	.container{
		margin: 0 10px;
	}
	.banner{
		padding: 40px 60px;
	}
}
 
@media (min-width: 768px) and (max-width: 991px) {
	.navbar .nav li{
		margin: 0 16px;
	}
	.navbar .nav li a{
		padding: 5px 10px;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	.navbar .nav li{
		margin: 0 10px;
	}
	.navbar .logo {
		margin-left: 10px;
	}
}
 
@media (max-width: 767px) {
	.scope-form {
		display: block;
	}
	.pc-img {
		display: none;
	}
	.phone-img {
		display: block;
	}
	.news-nav {
		display: none;
	}
	.news-content .sub-nav {
		display: block;
	}
	.topbar .top-tel{
		display: none;
	}
	.topbar .top-subnav{
		float: left;
	}
	.topbar .top-subnav li:first-child a{
		padding-left: 0;
		border-left: 0;
	}
	.bottomLine {
		display: none;
	}
	.navbar{
		padding: 10px 0;
	}
	.navbar .logo {
		float: right;
		width: 60%;
		margin-left: 0;
	}
	.navbar .nav{
		display: none;
		position: absolute;
		top: 68px;
		left: 0;
		float: none;
		width: 100%;
		margin-top: 0;
		/* background-color: #3c70ca; */
		background: #fff;
		box-shadow:0px 6px 20px 0px rgba(0,0,0,0.31);
	}
	.navbar .nav li{
		padding: 0;
		margin: 0 55px;
		float: none;
		display: block;
		text-align: center;
		/* border-bottom: 1px solid #D9D9D9; */
	}
	.navbar .nav li:last-child {
		border-bottom: none;
	}
	.navbar .nav li a{
		text-align: left;
		padding: 20px 0;
		color: #333;
		border-radius: 0;
		font-size: 16px;
		/* font-weight: bold; */
		/* background: url('../img/phone_tabbar_arrow.png') no-repeat right center; */
	}
	.navbar .nav li a:hover {
		color: #5F8AD3;
	}
	.navbar .nav li.now a{
		/* background-color: #169ad5; */
		color: #5F8AD3;
	}
	.nav-btn{
		display: block;
	}
	.banner{
		padding: 0;
		background: none;
	}
	.banner .container{
		margin: 0;
	}
	.banner .owl-carousel,
	.banner .video,
	.home-news .news-carousel,
	.home-news-list{
		width: auto;
		float: none;
	}
	.home-service .item {
		/* width: 250px;
		max-width: 39%;
		margin-left: 40px; */
		margin: 0 20px;
	}
	/* .home-service .item:nth-child(2n) {
		float: right;
		margin-right: 40px;
	} */
	.home-news {
		padding: 10px 0 0;
	}
	.home-news .home-news-bd {
		padding: 20px 0 0;
	}
	.home-news .news-carousel {
		height: auto;
	}
	.news-carousel .item img{
		height: auto;
	}
	.video-content{
		margin: 0;
	}
	.video{
		display: none;
	}
	.video-mobile{
		display: block;
	}
	.vjs-poster{
		background-size: 100% 100%;
	}
	.case-big img{
		height: 300px;
	}
	.case-long img{
		height: 150px;
	}
	.case-small img{
		height: 150px;
	}
	.link-btn li{
		width: 24%;
		margin-left: 1.333%;
	}
	.footer-nav{
		position: relative;
		padding-left: 80px;
	}
	.footer-list h3 {
		margin-bottom: 15px;
	}
	.footer-list1{
		width: 100%;
		padding: 15px 0;
		border-right: 0;
		margin-bottom: 15px;
	}
	.footer-list1 h3 {
		margin-left: 0;
	}
	.footer-list1 p{
		padding: 5px 0;
	}
	.footer-list1 label {
		width: 20%;
	}
	.footer-list2 {
		width: 80%;
		padding: 0;
	}
	.footer-list2 p {
		width: 30%;
	}
	/* .footer-list2{
		position: absolute;
		top: 0;
		padding: 15px 0;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #5e6977;
	}
	.footer-list2 p{
		float: left;
		width: 33.333%;
		padding: 0;
		text-align: center;
		border-right: 1px solid #5e6977;
		box-sizing:border-box;
	} */
	.footer-list p:last-child{
		border-right: 0;
	}
	.footer-list3{
		display: none;
	}
	.footer-wechat{
		position: absolute;
		top: 65px;
		right: 0;
		float: none;
		padding: 0;
		border: none;
		width: 40%;
	}
	.footer-link{
		margin-top: -70px;
	}
	.footer-link .btn{
		padding: 5px 10px;
	}
	.footer-copy{
		clear: both;
		float: none;
		padding: 10px 0;
		text-align: center;
		line-height: 24px;
	}

	.inside-banner{
		height: 200px;
	}
	.inside-banner .container {
		margin: 0 30px;
	}
	.inside-banner h2{
		margin-top: 60px;
		font-size: 32px;
	}
	.inside-banner p{
		font-size: 24px;
	}
	.sub-nav{
		width: auto;
		float: none;
		margin: 10px 100px 30px;
		box-shadow: none;
	}
	.sub-nav h3{
		padding-left: 0;
		text-align: center;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	.sub-nav ul{
		overflow: hidden;
		background: #fff;
		border-top: 1px solid #3B6FC9;
		border-left: 1px solid #3B6FC9;
	}
	.sub-nav ul a{
		padding: 20px 0;
		font-size: 18px;
		color: #333;
	}
	.sub-nav ul li.now a {
		background: #3B6FC9;
		color: #fff;
	}
	.sub-nav ul a:hover{
		padding: 20px 0;
		color: #fff;
	}
	.sub-nav ul span{
		display: none;
	}
	.sub-nav ul li{
		width: 50%;
		float: left;
		text-align: center;
		border-bottom: 1px solid #3B6FC9;
		/* border: 1px solid #3B6FC9; */
	}
	.sub-nav ul li.now {
		border-bottom: 1px solid #3B6FC9;
	}
	.sub-nav ul li:last-child {
		border-bottom: 1px solid #3B6FC9;
	}
	.sub-nav ul li a{
		border-right: 1px solid #3B6FC9;
	}
	.job-style ul li a{
		border-right: 0;
	}
	.inside-right{
		width: auto;
		float: none;
	}
	.inside-right .title {
		display: none;
	}
	.product{
		margin: 0;
	}
	.product-nav{
		height: auto;
	}
	.product-list {
		margin: 0;
	}
	.product-list li a img{
		width: 50px;
	}
	.product-list li a{
		font-size: 14px;
	}
	.product-intro{
		margin-top: 30px;
	}
	.product-content{
		padding: 0;
		background-color: #fff;
	}
	.intro-list{
		margin-top: 10px;
	}
	#about-tab{
		padding-top: 0;
	}
	#about-tab .about-title{
		display: block;
	}
	/* .about-banner{
		height: auto;
		display: block;
		background: none;
	} */
	.about-nav{
		width: auto;
		float: none;
	}
	.about-nav{
		overflow: hidden;
	}
	.about-nav li{
		width: 50%;
	    float: left;
	    text-align: center;
	}
	.about-nav li span{
		display: none;
	}
	.about-nav li a{
		padding: 10px;
	    font-size: 14px;
	    border-right: 1px dashed #5d8ad4;
	}
	.about-nav li a:hover{
	    padding: 10px 15px;
	}
	.about-nav li.selectActive{
		border-bottom: 1px dashed #5d8ad4;
	}
	.about-content{
		float: none;
		width: auto;
		height: auto;
		background-color: #f1f1f1;
	}
	.about-content h3{
		padding: 15px 20px;
	}
	.about-info-zzjg{
		padding-bottom: 10px;
	}
	.about-info-zzjg .about-info-img a{
		top: 40%;
		right: 40px;
	}
	
	.foreign-list{
		margin: 35px -10px 20px -10px;
	}
	.foreign-list li a{
		margin: 0 10px;
	}
	.media{
		padding: 30px 0;
	}
	.media-title{
		padding: 10px 0;
		width: auto;
		height: auto;
		float: none;
		font-size: 28px;
	}
	.media-title i{
		margin: 0;
		margin-right: 10px;
		display: inline-block;
		font-size: 28px;
	}
	.media-list{
		width: auto;
		float: none;
	}
	.media-list li{
		width: auto;
		float: none;
		border-bottom: 1px solid #ddd;
	}
	.media-list li:last-child{
		border-bottom: 0;
	}

	.media-list li .media-txt{
		padding: 10px 20px;
		height: 85px;
	}
	.media-list li .media-img{
		height: auto;
	}

	.job-nav li{
		font-size: 18px;
	}
	.job-content{
		padding: 1px 0;
	}
	.foreign{
		padding: 0;
	}
	.location{
		padding: 0;
	}
	.video-baoan .video-js{
		width: 100%;
	    height: 450px;
	}

}

@media (max-width: 640px) {
	.footer-nav {
		padding-left: 40px;
	}
	.footer-list1 label {
		width: 28%;
	}
	.footer-list2 {
		width: 100%;
	}
	.footer-list2 p {
		width: 49%;
	}
	.navbar .nav li{
		margin: 0 35px;
	}
	.sub-nav{
		margin: 10px 50px 30px;
	}
	.link-btn li{
		width: 50%;
		margin-left: 0;
	}
	.link-btn li a{
		margin: 5px 10px;
	}
	.product-list li{
		width: 33.333%;
	}
	.intro-panel{
		width: auto;
		float: none;
	}
	.product-intro dt{
		margin-right: 0;
	}
	.product-intro dd{
		width: 73%;
		float: right;
	}
	.product-intro dd h3{
		padding: 0;
		margin-bottom: 10px;
	}
	.intro-panel .title{
		padding: 10px 0;
		background-color: #f1f1f1;
	}
	.intro-list{
		margin:10px 0 0 0;
	}
	.intro-panel ul{
		padding: 0 5px 10px;
	}
	.intro-wide{
		margin-bottom: 10px;
	}
	.intro-wide li{
		width: 33.333%;
	}
	.intro-wide dl{
		float: none;
		width: auto;
		margin: 0;
	}
	.foreign-list li{
		width: 50%;
		margin-bottom: 10px;
	}

	.media-pic{
		float: none;
		width: auto;
		text-align: center;
	}
	.media-txt{
		float: none;
		width: auto;
	}

	.home-service .item {
		margin: 0 10px;
	}
	/* .home-service .item {
		margin-left: 5%;
	}
	.home-service .item:nth-child(2n) {
		margin-right: 5%;
	} */
}
 
@media (max-width: 480px) {
	.footer-nav {
		padding-left: 20px;
	}
	.navbar .logo {
		width: 65%;
	}
	.navbar .nav li{
		margin: 0 25px;
	}
	.container .title label {
		left: 40%;
	}
	.sub-nav{
		margin: 10px 20px 30px;
	}
	.home-service{
		padding: 25px 0 10px;
	}
	.home-news-bd{
		padding-top: 30px;
	}
	.case-big,.case-long,.case-small{
		width: auto;
		float: none;
		text-align: center;
	}
	.case-big img,.case-long img,.case-small img{
		display: inline-block;
		height: auto;
	}
	.case-right{
		width: auto;
		float: none;
	}
	.home-case-bd{
		padding-top: 30px;
	}
	.home-case-bd p{
		font-size: 18px;
	}

	.inside-right{
		padding-bottom: 30px;
	}
	.inside-right .crumbs{
		display: none;
	}
	.inside-list dt{
		margin-right: 10px;
	}
	.inside-list dd.text-title a{
		font-size: 14px;
	}
	.inside-list dd.summary{
		display: none;
	}
	.inside-list dd.date span{
		margin-top: 0;
	}
	.article .article-title h3{
		font-size: 18px;
	}
	.article .article-content p{
		margin: 25px 10px;
		font-size: 14px;
	}
	.case .content p{
		font-size: 14px;
	}
	.about-info{
		padding: 0 10px;
	}
	.about-info-img{
		width: auto;
		float: none;
	}
	.about-info-img img{
		margin: 0 auto;
	}


	.about-info-txt{
		margin-top: 10px;
		width: auto;
		float: none;
	}
	.about-info-txt a{
		display: block;
		text-align: center;
	}

	.intro-wide li{
		width: 50%;
	}
	.video-baoan .video-js{
	    height: 300px;
	}

	.inside-list dt{
		width: 33%;
	}

}
@media (max-width: 400px) {
	.footer-list1 label {
		width: auto;
	}
	.container .title label {
		left: 30%;
	}
}
@media (max-width: 350px) {
	.topbar .top-subnav li input{
		width: 100px;
	}
	.title h2{
		font-size: 24px;
	}
	.title h2 span{
		margin: 0 10px;
	}
	.footer-list1 p{
		font-size: 12px;
	}
}